<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div id="logosection">
	<a href="index.jsp"><img src="Image/Final.png"></a>
</div>
<div id="registersection">
	<form action="Beans/register_bean.jsp" method="post" id="Register">
		<script>
				$(document).ready(function(){
   				 $("#Register").validationEngine();
   				});
					</script>

		<div id="inputs">
			<h1>Registrierung</h1>
			<table>
				<tr>

					<td><input class="validate[required, custom[onlyLetterSp]]"
						type="text" name="vorname" value="${Register.vorname}"
						placeholder="Vorname" size="38" /></td>
				</tr>

				<tr>

					<td><input class="validate[required, custom[onlyLetterSp]]"
						type="text" name="nachname" value="${Register.nachname}"
						placeholder="Nachname" size="38" /></td>
				</tr>

				<tr>

					<td><input class="validate[required, custom[email]]"
						type="text" name="email" value="${Register.email}"
						placeholder="E-Mail Adresse" size="38" /></td>
				</tr>
				<tr>

					<td><input
						class="validate[required, custom[onlyLetterNumber]]" type="text"
						id="username" name="username" value="${Register.username}"
						placeholder="Benutzername" size="38" /></td>
					<td><input type="button" id="check_username_availability"
						value="Verfügbarkeit" class="button"></td>
				</tr>
				<tr>

					<td><div id='username_availability_result'></div></td>
				</tr>
				<tr>

					<td><input class="validate[required, custom[password]]"
						name="password" id="password" type="password"
						value="${Register.password}" placeholder="Passwort" size="38" /></td>
				</tr>

				<tr>

					<td><select class="validate[required] name="question">
							<option value="">Wählen Sie eine Sicherheitsfrage:</option>
							<option value="Wie ist ihr Spitzname ihrer Kindheit?">Wie
								ist ihr Spitzname ihrer Kindheit?</option>
							<option value="Wie ist der Name ihres
								Lieblingslehrers?">Wie
								ist der Name ihres Lieblingslehrers?</option>
							<option value="Wo war ihr	erster Job?">Wo war ihr erster
								Job?</option>
					</select></td>
				</tr>
				<tr>

					<td><input class="validate[required]" type="text" id="answer"
						name="answer" value="${Register.answer}"
						placeholder="Ihre Antwort" size="38" /></td>
				</tr>
			</table>
		</div>

		<div id="buttonfieldset">
			<input type="submit" id="button" class="button" value="Registrieren">
			<a id="login_ajax" href="#">Oder Login?</a>

		</div>
	</form>
</div>
